﻿<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<title>Smartshop - eCommerce Bootstrap 5 HTML5 Template.</title>

<link rel="icon" type="image/png" href="assets/img/favicon.png">

<link href="https://fonts.googleapis.com/css?family=Poppins:200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;display=swap" rel="stylesheet">


<link rel="stylesheet" href="assets/css/bootstrap.min.css">

<link rel="stylesheet" href="assets/css/magnific-popup.min.css">

<link rel="stylesheet" href="assets/css/fontawesome.min.css">

<link rel="stylesheet" href="assets/css/jquery.fancybox.min.css">

<link rel="stylesheet" href="assets/css/jquery-ui.css">

<link rel="stylesheet" href="assets/css/themify-icons.css">

<link rel="stylesheet" href="assets/css/flaticon.css">

<link rel="stylesheet" href="assets/css/niceselect.css">

<link rel="stylesheet" href="assets/css/animate.css">

<link rel="stylesheet" href="assets/css/flex-slider.min.css">

<link rel="stylesheet" href="assets/css/owl-carousel.css">

<link rel="stylesheet" href="assets/css/slicknav.min.css">

<link rel="stylesheet" href="assets/css/default.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>

<div class="preloader">
<div class="preloader-inner">
<div class="preloader-icon">
<span></span>
<span></span>
</div>
</div>
</div>


<header class="header shop">

<div class="topbar">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-12">

<div class="top-left">
<ul class="list-main">
<li><i class="ti-headphone-alt"></i> +070 (460) 532-654</li>
<li><i class="ti-email"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="671412171708151327021f060a170b024904080a">[email&#160;protected]</a></li>
</ul>
</div>

</div>
<div class="col-lg-6 col-md-12 col-12">

<div class="right-content">
<ul class="list-main">
<li><i class="ti-alarm-clock"></i> <a href="#">Daily deal</a></li>
<li><i class="ti-user"></i> <a href="#">My account</a></li>
<li><i class="ti-power-off"></i><a href="login.html">Login</a></li>
<li>
<div class="dropdown top-dropdown">
<a href="#" id="lang" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ti-world"></i> EN <i class="fal fa-angle-down"></i>
</a>
<div class="dropdown-menu" aria-labelledby="lang">
<a class="dropdown-item" href="#"><i class="ti-world"></i> EN</a>
<a class="dropdown-item" href="#"><i class="ti-world"></i> RU</a>
<a class="dropdown-item" href="#"><i class="ti-world"></i> GE</a>
<a class="dropdown-item" href="#"><i class="ti-world"></i> HK</a>
</div>
</div>
</li>
<li>
<div class="dropdown top-dropdown">
<a href="#" id="payment" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fal fa-dollar-sign"></i> USD <i class="fal fa-angle-down"></i>
</a>
<div class="dropdown-menu" aria-labelledby="payment">
<a class="dropdown-item" href="#"><i class="fal fa-dollar-sign"></i> USD</a>
<a class="dropdown-item" href="#"><i class="fal fa-euro-sign"></i> EUR</a>
</div>
</div>
</li>
</ul>
</div>

</div>
</div>
</div>
</div>

<div class="middle-inner">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-12">

<div class="logo">
<a href="index.html"><img src="assets/img/logo.png" alt="logo"></a>
</div>


<div class="search-top">
<div class="top-search"><a href="#0"><i class="far fa-search"></i></a></div>

<div class="search-top">
<form class="search-form">
<input type="text" placeholder="Search here..." name="search">
<button value="search" type="submit"><i class="far fa-search"></i></button>
</form>
</div>

</div>

<div class="mobile-nav"></div>
</div>
<div class="col-lg-7 col-md-6 col-12">
<div class="search-bar-top">
<div class="search-bar">
<select>
<option selected="selected">All Category</option>
<option>Fashion</option>
<option>Electronics</option>
<option>Bikes</option>
<option>Laptop</option>
<option>Camera</option>
<option>Health & Beauty</option>
</select>
<form>
<input name="search" placeholder="Search Products Here....." type="search">
<button class="btnn"><i class="far fa-search"></i></button>
</form>
</div>
</div>
</div>
<div class="col-lg-2 col-md-3 col-12">
<div class="right-bar">

<div class="sinlge-bar">
<a href="#" class="single-icon"><i class="fal fa-heart" aria-hidden="true"></i></a>
</div>
<div class="sinlge-bar">
<a href="#" class="single-icon"><i class="fal fa-user-circle" aria-hidden="true"></i></a>
</div>
<div class="sinlge-bar shopping">
<a href="#" class="single-icon"><i class="fal fa-shopping-cart"></i> <span class="total-count">2</span></a>

<div class="shopping-item">
<div class="dropdown-cart-header">
<span>2 Items</span>
<a href="#">View Cart</a>
</div>
<ul class="shopping-list">
<li>
<a href="#" class="remove" title="Remove this item"><i class="fal fa-times-circle"></i></a>
<a class="cart-img" href="#"><img src="assets/img/products/p22.png" alt="#"></a>
<h4><a href="#">Xamaha R15 Blue</a></h4>
<p class="quantity">1x - <span class="amount">$200.00</span></p>
</li>
<li>
<a href="#" class="remove" title="Remove this item"><i class="fal fa-times-circle"></i></a>
<a class="cart-img" href="#"><img src="assets/img/products/p3.png" alt="#"></a>
<h4><a href="#">Apple Earphones</a></h4>
<p class="quantity">1x - <span class="amount">$150.00</span></p>
</li>
</ul>
<div class="bottom">
<div class="total">
<span>Total</span>
<span class="total-amount">$350.00</span>
</div>
<a href="checkout.html" class="btn animate">Checkout</a>
</div>
</div>

</div>
</div>
</div>
</div>
</div>
</div>

<div class="header-inner  shadow">
<div class="container">
<div class="cat-nav-head">
<div class="row">
<div class="col-lg-3">
<div class="all-category">
<div class="d-flex">
<i class="flaticon-menu cat-heading-icon"></i>
<h3 class="cat-heading">CATEGORIES</h3>
</div>
<ul class="main-category hover-category">
<li><a href="#"> <i class="flaticon-shopping-bag category-icon"></i> New Arrivals <i class="fal fa-angle-right" aria-hidden="true"></i></a>
<ul class="sub-category">
<li><a href="#"><i class="flaticon-dress category-icon"></i> Fashion</a></li>
<li><a href="#"><i class="flaticon-bags category-icon"></i> Accessories</a></li>
<li><a href="#"><i class="flaticon-laptop category-icon"></i> Electronics</a></li>
<li><a href="#"><i class="flaticon-toys category-icon"></i> Baby Toys</a></li>
<li><a href="#"><i class="flaticon-home category-icon"></i> Home & Garden</a></li>
<li><a href="#"><i class="flaticon-gift-box category-icon"></i> Gifts</a></li>
<li><a href="#"><i class="flaticon-beauty category-icon"></i> Health & Beauty</a></li>
<li><a href="#"><i class="flaticon-music-notes category-icon"></i> Music</a></li>
<li><a href="#"><i class="flaticon-groceries category-icon"></i> Groceries </a></li>
</ul>
</li>
<li class="main-mega"><a href="#"><i class="flaticon-dress category-icon"></i> Fashion <i class="fal fa-angle-right" aria-hidden="true"></i></a>
<ul class="mega-menu">
<li class="single-menu">
<a href="#" class="title-link">Shop Kid's</a>
<div class="image">
<img src="assets/img/mega-menu/3.jpg" alt="#">
</div>
<div class="inner-link">
<a href="#">Kids Toys</a>
<a href="#">Kids Color Shape</a>
<a href="#">Kids Travel Car</a>
<a href="#">Kids Tent</a>
</div>
</li>
<li class="single-menu">
<a href="#" class="title-link">Shop Men's</a>
<div class="image">
<img src="assets/img/mega-menu/1.jpg" alt="#">
</div>
<div class="inner-link">
<a href="#">Watch</a>
<a href="#">Hoodies</a>
<a href="#">T-shirt</a>
<a href="#">Formal Pant</a>
</div>
</li>
<li class="single-menu">
<a href="#" class="title-link">Shop Women's</a>
<div class="image">
<img src="assets/img/mega-menu/2.jpg" alt="#">
</div>
<div class="inner-link">
<a href="#">Ladies Shirt</a>
<a href="#">Ladies Sun Glass</a>
<a href="#">Ladies Frog</a>
<a href="#">Ladies Watch</a>
</div>
</li>
</ul>
</li>
<li><a href="#"><i class="flaticon-bags category-icon"></i> Accessories</a></li>
<li class="main-mega"><a href="#"><i class="flaticon-laptop category-icon"></i> Electronics <i class="fal fa-angle-right" aria-hidden="true"></i></a>
<ul class="mega-menu">
<li class="single-menu">
<h6 class="text-dark">Man Cloths</h6>
<div class="inner-link">
<a href="#">Kids Toys</a>
<a href="#">Kids Color Shape</a>
<a href="#">Kids Travel Car</a>
<a href="#">Kids Tent</a>
</div>
</li>
<li class="single-menu">
<h6 class="text-dark">Shoes</h6>
<div class="inner-link">
<a href="#">Watch</a>
<a href="#">Hoodies</a>
<a href="#">T-shirt</a>
<a href="#">Formal Pant</a>
</div>
</li>
<li class="single-menu">
<h6 class="text-dark">Bags</h6>
<div class="inner-link">
<a href="#">Ladies Shirt</a>
<a href="#">Ladies Sun Glass</a>
<a href="#">Ladies Frog</a>
<a href="#">Ladies Watch</a>
</div>
</li>
<li class="single-menu mt-4">
<h6 class="text-dark">Women Cloths</h6>
<div class="inner-link">
<a href="#">Ladies Shirt</a>
<a href="#">Ladies Sun Glass</a>
<a href="#">Ladies Frog</a>
<a href="#">Ladies Watch</a>
</div>
</li>
<li class="single-menu mt-4">
<h6 class="text-dark">Shoes</h6>
<div class="inner-link">
<a href="#">Ladies Shirt</a>
<a href="#">Ladies Sun Glass</a>
<a href="#">Ladies Frog</a>
<a href="#">Ladies Watch</a>
</div>
</li>
<li class="single-menu mt-4">
<h6 class="text-dark">Bags</h6>
<div class="inner-link">
<a href="#">Ladies Shirt</a>
<a href="#">Ladies Sun Glass</a>
<a href="#">Ladies Frog</a>
<a href="#">Ladies Watch</a>
</div>
</li>
</ul>
</li>
<li><a href="#"><i class="flaticon-toys category-icon"></i> Baby Toys</a></li>
<li><a href="#"><i class="flaticon-home category-icon"></i> Home & Garden</a></li>
<li><a href="#"><i class="flaticon-gift-box category-icon"></i> Gifts</a></li>
<li><a href="#"><i class="flaticon-beauty category-icon"></i> Health & Beauty</a></li>
<li><a href="#"><i class="flaticon-music-notes category-icon"></i> Music</a></li>
<li><a href="#"><i class="flaticon-groceries category-icon"></i> Groceries </a></li>
</ul>
</div>
</div>
<div class="col-lg-9 col-12">
<div class="menu-area">

<nav class="navbar navbar-expand-lg">
<div class="navbar-collapse">
<div class="nav-inner">
<ul class="nav main-menu menu navbar-nav">
<li class="active"><a href="#">Home<i class="ti-angle-down"></i></a>
<ul class="dropdown">
<li><a href="index.html">Home Demo One</a></li>
<li><a href="index2.html">Home Demo Two</a></li>
<li><a href="index3.html">Home Demo Three</a></li>
<li><a href="index4.html">Home Demo Four</a></li>
</ul>
</li>
<li><a href="#">User Account<i class="ti-angle-down"></i></a>
<ul class="dropdown">
<li><a href="order-list.html">Order List</a></li>
<li><a href="order-detail.html">Order Details</a></li>
<li><a href="add-address.html">Add Address</a></li>
<li><a href="address-list.html">Address List</a></li>
<li><a href="profile.html">Profile</a></li>
<li><a href="edit-profile.html">Edit Profile</a></li>
<li><a href="support-ticket.html">Support Tickets</a></li>
<li><a href="ticket-detail.html">Ticket Details</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="track-order.html">Track Order</a></li>
<li><a href="payment-method.html">Payment Methods</a></li>
<li><a href="add-payment.html">Add Payment</a></li>
</ul>
</li>
<li><a href="#">Vendor<i class="ti-angle-down"></i></a>
<ul class="dropdown">
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="product.html">Products</a></li>
<li><a href="add-product.html">Add Product</a></li>
<li><a href="all-order.html">All Orders</a></li>
<li><a href="order-detail.html">Order Details</a></li>
<li><a href="all-vendor.html">All Vendors</a></li>
<li><a href="vendor-store.html">Vendor Store</a></li>
<li><a href="vendor-profile.html">Vendor Profile</a></li>
</ul>
</li>
<li><a href="#">Shop<i class="ti-angle-down"></i><span class="new">New</span></a>
<ul class="dropdown">
<li><a href="shop-grid.html">Shop Grid</a></li>
<li><a href="shop-list.html">Shop List</a></li>
<li><a href="shop-single.html">Shop Single</a></li>
<li><a href="shop-search.html">Shop Search</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="compare.html">Shop Compare</a></li>
</ul>
</li>
<li><a href="#">Pages<i class="ti-angle-down"></i></a>
<ul class="dropdown">
<li><a href="about-us.html">About Us</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="forgot-password.html">Forgot Password</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="term-condition.html">Terms & Conditions</a></li>
<li><a href="privacy-policy.html">Privacy Policy</a></li>
<li><a href="return-policy.html">Return Policy</a></li>
<li><a href="mail-success.html">Mail Success</a></li>
<li><a href="404.html">404</a></li>
</ul>
</li>
<li><a href="#">Blog<i class="ti-angle-down"></i></a>
<ul class="dropdown">
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog-grid-sidebar.html">Blog Grid Sidebar</a></li>
<li><a href="blog-single.html">Blog Single</a></li>
<li><a href="blog-single-sidebar.html">Blog Single Sidebar</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</nav>

</div>
</div>
</div>
</div>
</div>
</div>

</header>


<div class="breadcrumbs">
<div class="container">
<div class="row">
<div class="col-12">
<div class="bread-inner">
<ul class="bread-list">
<li><a href="index.html">Home<i class="ti-arrow-right"></i></a></li>
<li class="active"><a href="#">Shop Single</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>


<section class="shop single section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="row">
<div class="col-lg-5 col-12">

<div class="product-gallery">

<div class="flexslider-thumbnails">
<ul class="slides">
<li data-thumb="assets/img/products/p1.png" rel="adjustX:10, adjustY:">
<img src="assets/img/products/p1.png" alt="#">
</li>
<li data-thumb="assets/img/products/p2.png">
<img src="assets/img/products/p2.png" alt="#">
</li>
<li data-thumb="assets/img/products/p3.png">
<img src="assets/img/products/p3.png" alt="#">
</li>
<li data-thumb="assets/img/products/p4.png">
<img src="assets/img/products/p4.png" alt="#">
</li> 
</ul>
</div>

</div>

</div>
<div class="col-lg-7 col-12">
<div class="product-des">

<div class="short">
<h4>Xbeats Bluetooth Earphones</h4>
<div class="rating-main">
<ul class="rating">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
</ul>
<a href="#" class="total-review">(80) Review</a>
</div>
<p class="price"><span class="discount">$70.00</span><s>$80.00</s> </p>
<p class="description">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
</div>


<div class="color">
<h4> Color</h4>
<ul>
<li><a href="#" class="one"><i class="ti-check"></i></a></li>
<li><a href="#" class="two"><i class="ti-check"></i></a></li>
<li><a href="#" class="three"><i class="ti-check"></i></a></li>
<li><a href="#" class="four"><i class="ti-check"></i></a></li>
</ul>
</div>


<div class="size">
<h4>Size</h4>
<ul>
<li><a href="#" class="one">S</a></li>
<li><a href="#" class="two">M</a></li>
<li><a href="#" class="three">L</a></li>
<li><a href="#" class="four">XL</a></li>
<li><a href="#" class="four">XXL</a></li>
</ul>
</div>


<div class="product-buy">
<div class="quantity">
<h6>Quantity :</h6>

<div class="input-group">
<div class="button minus">
<button type="button" class="btn btn-primary btn-number" data-type="minus" data-field="quant[1]">
<i class="fas fa-minus"></i>
</button>
</div>
<input type="text" name="quant[1]" class="input-number" data-min="1" data-max="1000" value="1">
<div class="button plus">
<button type="button" class="btn btn-primary btn-number" data-type="plus" data-field="quant[1]">
<i class="fas fa-plus"></i>
</button>
</div>
</div>

</div>
<div class="add-to-cart">
<a href="#" class="btn">Add to cart</a>
<a href="#" class="btn min"><i class="far fa-heart"></i></a>
<a href="#" class="btn min"><i class="far fa-exchange"></i></a>
</div>
<div class="single-product-info">
<p>Category :<a href="#">Clothing</a></p>
<p>Brand :<a href="#">Leotiba</a></p>
<p>Availability : <span>500 Products In Stock</span> </p>
<p>Sold By :<a href="#">Abe Store</a></p>
</div>
</div>

</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="product-info">
<nav class="nav-main">
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<button class="nav-link active" id="nav-description-tab" data-bs-toggle="tab" data-bs-target="#nav-description" type="button" role="tab" aria-controls="nav-description" aria-selected="true">Description</button>
<button class="nav-link" id="nav-feature-tab" data-bs-toggle="tab" data-bs-target="#nav-feature" type="button" role="tab" aria-controls="nav-feature" aria-selected="false">Feature</button>
<button class="nav-link" id="nav-review-tab" data-bs-toggle="tab" data-bs-target="#nav-review" type="button" role="tab" aria-controls="nav-review" aria-selected="false">Review (05)</button>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-description" role="tabpanel" aria-labelledby="nav-description-tab">
<div class="tab-single">
<div class="row">
<div class="col-12">
<div class="single-des">
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
</div>
<div class="single-des">
<p>It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.</p>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-feature" role="tabpanel" aria-labelledby="nav-feature-tab">
<div class="tab-single">
<div class="row">
<div class="col-12">
<div class="single-des">
<h4>Product Features:</h4>
<ul>
<li>Sed ut perspiciatis unde omnis iste.</li>
<li>Natus error sit voluptatem doloremque.</li>
<li>Quis autem vel eum iure reprehenderit.</li>
<li>Tuil in ea voluptate velit esse quam.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-review" role="tabpanel" aria-labelledby="nav-review-tab">
<div class="tab-single review-panel">
<div class="row">
<div class="col-12">
<div class="ratting-main">
<div class="avg-ratting">
<h4>4.5 <span>(Review)</span></h4>
<span>Based on 05 Review</span>
</div>

<div class="single-rating">
<div class="rating-author">
<img src="assets/img/products/review.jpg" alt="#">
</div>
<div class="rating-des">
<h6>Louise Maier</h6>
<div class="ratings">
<ul class="rating">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
</ul>
<div class="rate-count">(<span>3.0</span>)</div>
</div>
 <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
</div>
</div>


<div class="single-rating">
<div class="rating-author">
<img src="assets/img/products/review.jpg" alt="#">
</div>
<div class="rating-des">
<h6>Louise N Maier</h6>
<div class="ratings">
<ul class="rating">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
</ul>
<div class="rate-count">(<span>5.0</span>)</div>
</div>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
</div>
</div>

</div>

<div class="comment-review">
<div class="add-review">
<h5>Add A Review</h5>
<p>Your email address will not be published. Required fields are marked</p>
</div>
<h4>Your Rating</h4>
<div class="review-inner">
<div class="ratings">
<ul class="rating">
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
 </div>
</div>
</div>


<form class="form" method="post" action="#">
<div class="row">
<div class="col-lg-6 col-12">
<div class="form-group">
<label>Your Name<span>*</span></label>
<input type="text" name="name" required="required" placeholder="">
</div>
</div>
<div class="col-lg-6 col-12">
<div class="form-group">
<label>Your Email<span>*</span></label>
<input type="email" name="email" required="required" placeholder="">
</div>
</div>
<div class="col-lg-12 col-12">
<div class="form-group">
<label>Write a review<span>*</span></label>
<textarea name="message" rows="6" placeholder=""></textarea>
</div>
</div>
<div class="col-lg-12 col-12">
<div class="form-group button5">
<button type="submit" class="btn">Submit</button>
</div>
</div>
</div>
</form>

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<div class="product-area most-popular related-store section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title">
<h2>Also Available At</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="row">
<div class="col-lg-2 col-md-6 col-12 mb-4">
<div class="related-store-single">
<div class="product-img">
<a href="#">
<img src="assets/img/products/p13.png" alt="#">
</a>
</div>
<h6 class="text-center"><a href="#">Mobile Store</a></h6>
</div>
</div>
<div class="col-lg-2 col-md-6 col-12 mb-4">
<div class="related-store-single">
<div class="product-img">
<a href="#">
<img src="assets/img/products/p13.png" alt="#">
</a>
</div>
<h6 class="text-center"><a href="#">Mobile Store</a></h6>
</div>
</div>
<div class="col-lg-2 col-md-6 col-12 mb-4">
<div class="related-store-single">
<div class="product-img">
<a href="#">
<img src="assets/img/products/p13.png" alt="#">
</a>
</div>
<h6 class="text-center"><a href="#">Mobile Store</a></h6>
</div>
</div>
<div class="col-lg-2 col-md-6 col-12 mb-4">
<div class="related-store-single">
<div class="product-img">
<a href="#">
<img src="assets/img/products/p13.png" alt="#">
</a>
</div>
<h6 class="text-center"><a href="#">Mobile Store</a></h6>
</div>
</div>
<div class="col-lg-2 col-md-6 col-12 mb-4">
<div class="related-store-single">
<div class="product-img">
<a href="#">
<img src="assets/img/products/p13.png" alt="#">
</a>
</div>
<h6 class="text-center"><a href="#">Mobile Store</a></h6>
</div>
</div>
<div class="col-lg-2 col-md-6 col-12 mb-4">
<div class="related-store-single">
<div class="product-img">
<a href="#">
<img src="assets/img/products/p13.png" alt="#">
</a>
</div>
<h6 class="text-center"><a href="#">Mobile Store</a></h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>


<div class="product-area most-popular related-product section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title">
<h2>Related Products</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="row">
<div class="col-lg-3 col-md-6 col-12 mb-4">
<div class="single-product">
<div class="product-img">
<a href="shop-single.html">
<img class="product-img" src="assets/img/products/p14.png" alt="#">
<span class="out-of-stock">Hot</span>
</a>
<div class="button-head">
<div class="product-action">
<a data-bs-toggle="modal" data-bs-target="#staticBackdrop" href="#"><i class="far fa-eye"></i><span>Quick Shop</span></a>
<a href="#"><i class="far fa-heart"></i><span>Add to Wishlist</span></a>
<a href="#"><i class="far fa-exchange"></i><span>Add to Compare</span></a>
</div>
</div>
</div>
<div class="product-content">
<h3><a href="shop-single.html">Wireless Charger</a></h3>
<div class="product-rate">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="far fa-star"></i>
</div>
<div class="d-flex justify-content-between">
<div class="product-price">
<span class="old">$60.00</span>
<span>$100.00</span>
</div>
<button class="product-cart-btn" type="button"><i class="fal fa-shopping-cart"></i></button>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12 mb-4">
<div class="single-product">
<div class="product-img">
<a href="shop-single.html">
<img class="product-img" src="assets/img/products/p14.png" alt="#">
<span class="out-of-stock">Hot</span>
</a>
<div class="button-head">
<div class="product-action">
<a data-bs-toggle="modal" data-bs-target="#staticBackdrop" href="#"><i class="far fa-eye"></i><span>Quick Shop</span></a>
<a href="#"><i class="far fa-heart"></i><span>Add to Wishlist</span></a>
<a href="#"><i class="far fa-exchange"></i><span>Add to Compare</span></a>
</div>
</div>
</div>
<div class="product-content">
<h3><a href="shop-single.html">Wireless Charger</a></h3>
<div class="product-rate">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="far fa-star"></i>
</div>
<div class="d-flex justify-content-between">
<div class="product-price">
<span class="old">$60.00</span>
<span>$100.00</span>
</div>
<button class="product-cart-btn" type="button"><i class="fal fa-shopping-cart"></i></button>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12 mb-4">
<div class="single-product">
<div class="product-img">
<a href="shop-single.html">
<img class="product-img" src="assets/img/products/p14.png" alt="#">
<span class="out-of-stock">Hot</span>
</a>
<div class="button-head">
<div class="product-action">
<a data-bs-toggle="modal" data-bs-target="#staticBackdrop" href="#"><i class="far fa-eye"></i><span>Quick Shop</span></a>
<a href="#"><i class="far fa-heart"></i><span>Add to Wishlist</span></a>
<a href="#"><i class="far fa-exchange"></i><span>Add to Compare</span></a>
</div>
</div>
</div>
<div class="product-content">
<h3><a href="shop-single.html">Wireless Charger</a></h3>
<div class="product-rate">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="far fa-star"></i>
</div>
<div class="d-flex justify-content-between">
<div class="product-price">
<span class="old">$60.00</span>
<span>$100.00</span>
</div>
<button class="product-cart-btn" type="button"><i class="fal fa-shopping-cart"></i></button>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12 mb-4">
<div class="single-product">
<div class="product-img">
<a href="shop-single.html">
<img class="product-img" src="assets/img/products/p14.png" alt="#">
<span class="out-of-stock">Hot</span>
</a>
<div class="button-head">
<div class="product-action">
<a data-bs-toggle="modal" data-bs-target="#staticBackdrop" href="#"><i class="far fa-eye"></i><span>Quick Shop</span></a>
<a href="#"><i class="far fa-heart"></i><span>Add to Wishlist</span></a>
<a href="#"><i class="far fa-exchange"></i><span>Add to Compare</span></a>
</div>
</div>
</div>
<div class="product-content">
<h3><a href="shop-single.html">Wireless Charger</a></h3>
<div class="product-rate">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="far fa-star"></i>
</div>
<div class="d-flex justify-content-between">
<div class="product-price">
<span class="old">$60.00</span>
<span>$100.00</span>
</div>
<button class="product-cart-btn" type="button"><i class="fal fa-shopping-cart"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>


<section class="shop-newsletter py-5">
<div class="container">
<div class="inner-top">
<div class="row">
<div class="col-lg-8 offset-lg-2 col-12">

<div class="inner">
<h4>Newsletter</h4>
<p> Subscribe to our newsletter and get <span>30%</span> off your first purchase</p>
<form action="#" method="get" class="newsletter-inner">
 <input name="email" placeholder="Your email address" required="" type="email">
<button class="btn">Subscribe <i class="fal fa-paper-plane"></i></button>
</form>
</div>

</div>
</div>
</div>
</div>
</section>


<footer class="footer">

<div class="footer-top section">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-6 col-12">

<div class="single-footer about">
<div class="logo">
<a href="index.html"><img width="250" src="assets/img/logo-white.png" alt="#"></a>
</div>
<p class="text">We are many variations of passages available but the majority have suffered alteration in some form by the andomised words which injected humour.</p>
<p class="call">Have Any Question? Call Us 24/7<span><a href="tel:(+1)1234565555">(+1) 123 456 5555</a></span></p>
<div class="footer-download">
<a href="#">
<img src="assets/img/download/play-store.PNG" alt="">
</a>
<a href="#">
<img src="assets/img/download/app-store.PNG" alt="">
</a>
</div>
</div>

</div>
<div class="col-lg-2 col-md-6 col-12">

<div class="single-footer links">
<h4>Information</h4>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Faq</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Our Stores</a></li>
<li><a href="#">Our Cares</a></li>
<li><a href="#">Help</a></li>
</ul>
</div>

</div>
<div class="col-lg-2 col-md-6 col-12">

<div class="single-footer links">
<h4>Customer Service</h4>
<ul>
<li><a href="#">Payment Methods</a></li>
<li><a href="#">Money-back</a></li>
<li><a href="#">Returns</a></li>
<li><a href="#">Shipping</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Support Center</a></li>
<li><a href="#">How to Buy</a></li>
<li><a href="#">Track Your Order</a></li>
</ul>
</div>

</div>
<div class="col-lg-3 col-md-6 col-12">

<div class="single-footer social">
<h4>Get In Tuch</h4>

<div class="contact">
<ul>
<li> <i class="fal fa-map-marker-alt"></i> 1503 Kovar Road, New York, USA</li>
<li> <i class="fal fa-envelope"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3043515c5543705548515d405c551e535f5d">[email&#160;protected]</a></li>
<li> <i class="fal fa-phone"></i> (+1) 123 456 5657</li>
</ul>
</div>

<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-whatsapp"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>

</div>
</div>
</div>
</div>

<div class="copyright">
<div class="container">
<div class="inner">
<div class="row">
<div class="col-lg-6 col-12">
<div class="left">
<p>Copyright © 2021 By <a href="http://www.bootstrapmb.com/">bootstrapmb</a> - All Rights Reserved.</p>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="right payment">
<i class="fab fa-cc-mastercard"></i>
<i class="fab fa-cc-visa"></i>
<i class="fab fa-cc-paypal"></i>
<i class="fab fa-cc-amex"></i>
<i class="fab fa-cc-discover"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>


<div class="modal" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdrop" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="modal-body">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<img src="assets/img/products/p1.png" alt="#">
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<div class="quickview-content">
<h2>Xbeats Bluetooth Earphones</h2>
<div class="d-flex mb-3">
<span>Brand:</span>
<b>Xbeats</b>
</div>
<div class="d-flex mb-3">
<span>Category:</span>
<b>Headphones</b>
</div>
<div class="d-flex mb-3">
<span>Tated:</span>
<div class="quickview-ratting-review">
<div class="quickview-ratting-wrap">
<div class="quickview-ratting">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fal fa-star"></i>
<a href="#"> (50)</a>
</div>
</div>
</div>
</div>
<h3>$29.00</h3>
<div class="quickview-stock">
<span><i class="fa fa-check-circle-o"></i> Stock Available</span>
</div>
<div class="add-to-cart">
<a href="#" class="btn">Add to cart</a>
</div>
<div class="default-social">
<h4 class="share-now">Share:</h4>
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>


<script src="assets/js/jquery-3.6.0.min.js"></script>

<script src="assets/js/jquery-ui.min.js"></script>

<script src="assets/js/bootstrap.bundle.min.js"></script>

<script src="assets/js/slicknav.min.js"></script>

<script src="assets/js/owl-carousel.js"></script>

<script src="assets/js/magnific-popup.js"></script>

<script src="assets/js/facnybox.min.js"></script>

<script src="assets/js/waypoints.min.js"></script>

<script src="assets/js/finalcountdown.min.js"></script>

<script src="assets/js/nicesellect.js"></script>

<script src="assets/js/ytplayer.min.js"></script>

<script src="assets/js/flex-slider.js"></script>

<script src="assets/js/scrollup.js"></script>

<script src="assets/js/onepage-nav.min.js"></script>

<script src="assets/js/easing.js"></script>

<script src="assets/js/main.js"></script>
</body>
</html>